/**
 * 准备工作
 *  1- 安装  npm i vue-router
 *  2- 引入
 *  3- 模块化 安装  Vue.use(VueRouter)  (注意点)
 *  4- 实例化路由
 *  5- 导出路由  (注意)
 * 具体步骤 (home login)
 *  > 1. 把需要的组件以单文件组件的形式先创建出来
 *  > 2. 按照四个步骤的顺序
 *        入口- 手动
 *        匹配规则-
 *        组件- 引入即可
 *        出口- App.vue 根组件里面
 */

// 0. 引入 Vue
import Vue from 'vue'

// 1. 引入 vue-router
import VueRouter from 'vue-router'

// 1.5 引入子组件
import Login from '../components/login/Login.vue'
import Home from '../components/home/Home.vue'

// 2. 用vue 安装  路由
Vue.use(VueRouter)

// 3. 实例化路由 + 把路由挂载到vue实例上
const router = new VueRouter({
  routes: [
    { path: '/', redirect: '/login' },
    { path: '/login', component: Login },
    { path: '/home', component: Home }
  ]
})

// 4. 导出 路由
export default router
